<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>项目管理系统-登录</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<style type="text/css">
body {
	background-image: url("img/login-bg.png");
}

.content {
	width: 444px;
	margin: 0 auto 0 auto;
	padding: 15px 0 0px 40px;
	border: 1px solid #999;
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	opacity: 0.8;
}

.block_head {
	width: 430px;
	height: 30px;
	margin: 0 auto 0 auto;
	padding: 10px;
	border-radius: 5px;
	margin-left: -25px;
}

.header {
	width: 470px;
	margin: 50px auto 35px auto;
}

a {
	color: #333;
	font-size: 50px;
}

a:hover {
	text-decoration: none;
}

input {
	padding: 7px;
}

.action {
	width: 410px;
	height: 40px;
	margin: 20px auto 0 -25px;
}

.form1 {
	width: 240px;
	margin-top: 20px;
}
</style>
</head>
<body>
	<div class="container">

		<div class="header">
			<h1>
				<a href="index.jsp">PMS</a>
			</h1>
		</div>



		<div class="content">
			<div class="well block_head">
				<h3>系统登录</h3>
			</div>
			<div class="alert-message error hide" style="margin-left: 20px">
				<a class="close" href="javascript:void(0)">×</a>
				<p>
					<strong>系统提示：</strong><span id="errormsg"></span>
				</p>
			</div>
			<form class="form1" action="app.action" method="post">
				<label> 用户名 </label> <input type="text" class="span4"
					name="user.username"> <br /> <label> 用户密码 </label> <input
					type="password" class="span4" name="user.password"> <br />



				<div class="action well">
					<input type="submit" value="登录" id="button" class="btn btn-primary btn-large" />
				</div>
			</form>
		</div>
	</div>

	<script type="text/javascript" src="js/jQuery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$(function() {
			$("input[name='user.username']").popover({
				title : "信息提示",
				content : "用户名不能为空",
				trigger : "manual"
			});

			$("input[name='user.password']").popover({
				title : "信息提示",
				content : "密码不能为空",
				trigger : "manual"
			});

			$("input[name='user.username']").click(function() {
				$(this).popover("hide");
			});

			$("input[name='user.password']").click(function() {
				$(this).popover("hide");
			});
			$("#button").click(function() {
				if ($("input[name='user.username']").val() == "") {
					$("input[name='user.username']").popover("show");
					return false;
				}
				if ($("input[name='user.password']").val() == "") {
					$("input[name='user.password']").popover("show");
					return false;
				}

				$("form").submit();

			});

			/* var name = $("input[name='user.username']").val();
			var pwd = $("input[name='user.password']").val();;
			$(".btn").click(function() {
			if(name.trim().length == 0 || pwd.trim().length == 0) {
				$("#errormsg").text("请输入用户名或密码");
				$('.alert-message').modal('show');
				return;
			}
				
				
			});

			$('#entrydelete').click(function() {
				$('#myModa3').modal('hide');
				window.location.href = url;
			}); */

		});
	</script>
</body>
</html>